<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>用户登录</title>
  <style>
    body {
      background-color: #2B35DF;
    }
    .loginDiv {
      width: 550px;
      height:530px;
      background-color: white;
      /*让div整体居中*/
      margin: 0 auto;
      /*让div顶部外边距是80px，让div离顶部远一些*/
      margin-top:80px;
      /*调整顶部内边距*/
      padding-top:30px;
      text-align: center;
    }
    .loginInput{
      width: 426px;
      height: 55px;
      border-radius: 5px;
      border:1px solid darkgray;
      margin-bottom: 20px;
      padding-left:30px;
      /*文本框背景透明*/
      background-color: transparent;
      margin-left:-25px;
    }
    .loginBtn{
      width: 453px;
      height: 55px;
      background-color: #FF6B4D;
      color:white;
      font-size: 20px;
      border-radius: 5px;
      /*去掉边框*/
      border:none;
    }
    .thirdLogin{
      margin-top:30px;
      margin-bottom: 15px;
    }
    .logpic{
      margin-left: 20px;
    }
  </style>
</head>
<body>
<div class="loginDiv">
  <!-- 这是放logo的div -->
  <div style="text-align: center;">
    <img src="img/tyustlogo.png" width="250px"/>
  </div>
  <h2>毕业设计管理系统</h2>
  <div>
    <img src="img/user.png"><input class="loginInput" type="text" placeholder="请输入用户名">
    <br>
    <img src="img/password.png"><input class="loginInput" placeholder="密码" type="password"/>
    <br>
    <input class="loginBtn" type="submit" value="登录">
  </div>
  <!-- 这个div放第三方登录 -->
  <div class="thirdLogin">
    <img class="logpic" src="img/weixin.png"/>
    <img class="logpic" src="img/qq.png">
    <img class="logpic" src="img/weibo.png">
  </div>
  <div style="font-size:12px;line-height: 20px;">
    技术支持：太原科技大学  宋书记<br>
    开发者：太原工业学院  王主任
  </div>
</div>
</body>
</html>